<template>
    <div>
    <div class="main" v-for="(s,i) in list" :key="i">
    <div class="maimg"></div>
    <div class="indel">
        <div class="left">
            <div class="p1">{{s.name}}</div>
            <div class="p2">肉质鲜美</div>
            <div class="p3">￥{{s.jia}}</div>
            <div class="p4">{{s.ke}}克</div>
            <div class="p5"><del>￥{{s.yuan}}</del></div>
            <div class="p6">{{s.ren}}已抢购</div>
            </div>
        <div class="b1">
            <img class="b2" src="/img/discount/资源 1@2x-8.png" alt="">
            <div class="b3">立即抢购</div>
        </div>
        </div>

    </div>
    </div>
</template>
<script>
    export default {
        props:["list"]
    }
</script>
<style scoped >
    .main{
        border-radius: 4vw;
        border: solid 1px rgb(245, 243, 243);
        width: 100%;
        padding: 2vw;
        position: relative;
        display: flex;
        /* justify-content: space-around;    */
    }
    .maimg{
        background-color: #9C6D6C;
        width: 28vw;
        height: 30vw;
        border-radius: 2vw;
       
    }
    .indel{
        display: flex;
        width: 60%;
        justify-content: space-between;
    }
    .left{
        padding-left: 5vw;
        padding-top:2vw;
    }
    .p1{
        color: #666666;
        font-size: 4.6vw;
       display: inline-block;
    }
    .p2{
        display: inline-block;
        background-color: #F1DA24;
        border-radius: 2vw;
        color: white;
        font-size: 2.8vw;
        padding: 0.3vw;
    }
    .p3{
        color: red;
        font-size: 8vw;
        display: inline-block;
    }
    .p4{
        display: inline-block;
        color: #666666;
        font-size: 5vw;
    }
    .p5{
        color: #dbdbdb;
    }
    .p6{
        color: #666666;
        font-size: 4vw;
    }
    .b2{
        width: 7vw;
        position: relative;
        right: -3vw;
    }
    .b3{
        position: absolute;
        top: 25vw;
        right: 2vw;
        background-color: #6CD8C6;
        padding: 1.5vw 3vw;
        border-radius: 4vw;
        color: white;
    }
</style>